<!DOCTYPE html>
<html>
<head>
    <title></title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <select v-model="q.province" class="form-control" @change="getSelectCityByPro">
                    <option v-for="province in provinceList" :value="province.area_id">{{province.name}}</option>
                </select>
            </div>
            <div class="form-group col-sm-2">
                <select v-model="q.city" class="form-control" @change="getSelectDistByCity">
                    <option v-for="city in cityList" :value="city.area_id">{{city.name}}</option>
                </select>
            </div>
            <div class="form-group col-sm-2">
                <select v-model="q.district" class="form-control">
                    <option v-for="dist in districtList" :value="dist.area_id">{{dist.name}}</option>
                </select>
            </div>
            <div class="form-group col-sm-2">
                <el-select v-model="q.year" placeholder="年">
                    <el-option
                            v-for="i in 3"
                            :label=" new Date().getFullYear()-i+1"
                            :value="new Date().getFullYear()-i+1">
                    </el-option>
                    <el-option
                            v-for="i in 5"
                            :label=" new Date().getFullYear()+i"
                            :value="new Date().getFullYear()+i">
                    </el-option>
                </el-select>
            </div>
            <div class="form-group col-sm-2">
                <el-select v-model="q.month" placeholder="月">
                    <el-option
                            v-for="i in 12"
                            :label="i"
                            :value="i">
                    </el-option>
                </el-select>
            </div>
            <a class="btn btn-primary" @click="query"></i>&nbsp;查询</a>
            #if($shiro.hasPermission("socialsecurityareabasic:save"))
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            #end
            #if($shiro.hasPermission("socialsecurityareabasic:update"))
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;异动</a>
            #end
            <!--#if($shiro.hasPermission("socialsecurityareabasic:update"))
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            #end-->
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-1 control-label">省</div>
                <div class="col-sm-2">
                    <!--<input type="text" class="form-control" v-model="socialSecurityAreaBasic.province" placeholder=""/>-->
                    <select id="province" v-model="socialSecurityAreaBasic.province" class="form-control" @change="getSelectCityByPro">
                        <option v-for="province in provinceList" :value="province.area_id">{{province.name}}</option>
                    </select>
                </div>
                <div class="col-sm-1 control-label">市</div>
                <div class="col-sm-2">
                    <!--<input type="text" class="form-control" v-model="socialSecurityAreaBasic.city" placeholder=""/>-->
                    <select id="city" v-model="socialSecurityAreaBasic.city" class="form-control" @change="getSelectDistByCity">
                        <option v-for="city in cityList" :value="city.area_id">{{city.name}}</option>
                    </select>
                </div>
                <div class="col-sm-1 control-label">区</div>
                <div class="col-sm-2">
                    <!--<input type="text" class="form-control" v-model="socialSecurityAreaBasic.district" placeholder=""/>-->
                    <select id="district" v-model="socialSecurityAreaBasic.district" class="form-control">
                        <option v-for="dist in districtList" :value="dist.area_id">{{dist.name}}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">年</div>
                <div class="col-sm-2">
                    <!--<input type="text" class="form-control" v-model="socialSecurityAreaBasic.year" placeholder=""/>-->
                    <template>
                        <el-select id="year" v-model="socialSecurityAreaBasic.year" placeholder="年">
                            <el-option
                                    v-for="i in 3"
                                    :label=" new Date().getFullYear()-i+1"
                                    :value="new Date().getFullYear()-i+1">
                            </el-option>
                            <el-option
                                    v-for="i in 5"
                                    :label=" new Date().getFullYear()+i"
                                    :value="new Date().getFullYear()+i">
                            </el-option>
                        </el-select>
                    </template>
                </div>
                <div class="col-sm-1 control-label">月</div>
                <div class="col-sm-2">
                    <!--<input type="text" class="form-control" v-model="socialSecurityAreaBasic.month" placeholder=""/>-->
                    <template>
                        <el-select id="month" v-model="socialSecurityAreaBasic.month" placeholder="月">
                            <el-option
                                    v-for="i in 12"
                                    :label="i"
                                    :value="i">
                            </el-option>
                        </el-select>
                    </template>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">养老保险基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yanglbxBasic"
                           placeholder="养老保险基数"/>
                </div>
                <div class="col-sm-1 control-label">养老保险单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yanglbxDwbl"
                           placeholder="养老保险单位比例"/>
                </div>
                <div class="col-sm-1 control-label">养老保险个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yanglbxGrbl"
                           placeholder="养老保险个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">医疗保险基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yilbxBasic"
                           placeholder="医疗保险基数"/>
                </div>
                <div class="col-sm-1 control-label">医疗保险单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yilbxDwbl"
                           placeholder="医疗保险单位比例"/>
                </div>
                <div class="col-sm-1 control-label">医疗保险个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.yilbxGrbl"
                           placeholder="医疗保险个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">失业保险基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shiybxBasic"
                           placeholder="失业保险基数"/>
                </div>
                <div class="col-sm-1 control-label">失业保险单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shiybxDwbl"
                           placeholder="失业保险单位比例"/>
                </div>
                <div class="col-sm-1 control-label">失业保险个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shiybxGrbl"
                           placeholder="失业保险个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">工伤保险基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongsbxBasic"
                           placeholder="工伤保险基数"/>
                </div>
                <div class="col-sm-1 control-label">工伤保险单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongsbxDwbl"
                           placeholder="工伤保险单位比例"/>
                </div>
                <div class="col-sm-1 control-label">工伤保险个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongsbxGrbl"
                           placeholder="工伤保险个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">生育保险基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shengybxBasic"
                           placeholder="生育保险基数"/>
                </div>
                <div class="col-sm-1 control-label">生育保险单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shengybxDwbl"
                           placeholder="生育保险单位比例"/>
                </div>
                <div class="col-sm-1 control-label">生育保险个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.shengybxGrbl"
                           placeholder="生育保险个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">公积金基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongjjBasic"
                           placeholder="公积金基数"/>
                </div>
                <div class="col-sm-1 control-label">公积金单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongjjDwbl"
                           placeholder="公积金单位比例"/>
                </div>
                <div class="col-sm-1 control-label">公积金个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.gongjjGrbl"
                           placeholder="公积金个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">大病基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.dabinBasic"
                           placeholder="大病基数"/>
                </div>
                <div class="col-sm-1 control-label">大病单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.dabinDwbl"
                           placeholder="大病单位比例"/>
                </div>
                <div class="col-sm-1 control-label">大病个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.dabinGrbl"
                           placeholder="大病个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">五险合一基数</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.totalBasic"
                           placeholder="五险合一基数"/>
                </div>
                <div class="col-sm-1 control-label">五险合一单位比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.totalDwbl"
                           placeholder="五险合一单位比例"/>
                </div>
                <div class="col-sm-1 control-label">五险合一个人比例</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.totalGrbl"
                           placeholder="五险合一个人比例"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-1 control-label">是否五险合一</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialSecurityAreaBasic.istotal"
                           placeholder="是否五险合一(0,不是，五险分开记录，1,是，使用五险合一。)"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

<script src="${rc.contextPath}/js/socialSecurity/socialsecurityareabasic.js?_${date.systemTime}"></script>
</body>
</html>